<%--区域管理员登录的界面--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>Title</title>
</head>
<style>
    *{
        margin: 0px;
        padding: 0px;
        box-sizing: border-box;
    }
    body{
    //background: url("../image/xiaohongshu2.jpg" ) no-repeat center;
    }
    .bac_border{
        width: 500px;
        height:700px;
        border: 8px solid #EEEEEE;
        margin: auto;
        padding: 15px;
    }
    .title{
        margin:auto;
        margin-top: 190px;

    }
    .end{
        margin:auto;
        margin-top: 40px;
    }
    .word{
        font-size: 20px;
    }
    .left{
        width: 80px;
        text-align: right;
        height: 80px;
    }
    #managername,#managerpassword{
        border: 1px;
        width:452px ;
        margin-top: 50px;
    }
    #managername,#managerpassword{
        width: 290px;
        height: 43px;
        border: 1px solid #A6A6A6;
        border-radius: 5px;
        padding-left: 10px;
    }
    #btn_sub{
        width: 100px;
        height: 30px;
        background-color:lightskyblue;
        align-content: center;
        border: 1px solid lightskyblue;
    }
</style>
<body>
<div class="bac_border">
    <div class="title"><p class="word" align="center">区域管理员登录</p></div>
    <div  class="table">
        <form action="area_loginServlet" method="post">
            <table>
                <tr>
                    <td class="left"><label for="managername">管理员名称</label></td>
                    <td class="right"><input type="text" name="managername" id="managername" placeholder="请输入用户名"></td>
                </tr>
                <tr>
                    <td class="left"><label for="managerpassword">密码</label></td>
                    <td class="right"><input type="password" name="managerpassword" id="managerpassword" placeholder="请输入密码"></td>
                </tr>
                <tr>
                    <td ><label>管理区域</label></td>
                    <td class="td_bottom"><input type="radio" name="type" value="游戏区"> 游戏区
                        <input type="radio" name="type" value="萌宠区"> 萌宠区
                        <input type="radio" name="type" value="美食区"> 美食区
                        <input type="radio" name="type" value="体育区"> 体育区
                        <input type="radio" name="type" value="动漫区"> 动漫区
                        <input type="radio" name="type" value="风景区" placeholder="请选择区域"> 风景区</td>
                </tr>
                <div class="end" align="center" colspan="3" >
                    <input type="submit" id="btn_sub" value="登录">
                </div>
            </table>
        </form>
    </div>
</div>
</body>
</html>
